body,html{background: #fff;}
#header{
  padding: 0 40px;
  padding-right: 0;
  line-height: 80px;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 2px 2px 3px 1px #ddd;
 
}
#header .w{
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#header .logo img{
    vertical-align: middle;;
    width: 100%;
    max-width: 418px;
}

#header .logo{
  float: left;
  width: 20%;
  font-size: 0;
}

#header .rt{
  float: right;
  display: flex;
}


#header .rt .nav{
  font-size: 0;
  display: inline-flex;
}
#header .rt .nav >a,
#header .rt .nav .nav_first_item{
   font-size:16px;
   color: #072c62;
   height: 80px;
   cursor: pointer;
   line-height: 72px;
   box-sizing: border-box;
   width: 4rem;
   text-align: center;
   position: relative;
   transition-timing-function: linear;
}



#header .rt .nav .nav_first_item:first-of-type{
  border-top: 8px solid  #007cef;
}

#header .rt .nav .nav_first_item>a{
   display: block ;
   height: 8px;
   transition: color .4s;
   color: #072c62;

}
/*#header .rt .nav>a:first-child:hover{
  background: #007cef;
  color: #fff;
  height: 100%;
}*/


#header .rt .nav .nav_first_item:nth-child(2){
  border-top: 8px solid  #35b0bd;
}
/*#header .rt .nav .nav_first_item:hover{
  background: #35b0bd;

  color: #fff;
}*/

#header .rt .nav  .nav_first_item:nth-child(3){
  border-top: 8px solid  #35971a;
}


#header .rt .nav .nav_first_item:nth-child(4){
  border-top: 8px solid  #1a4697;
}

#header .rt .nav a:nth-child(4):hover{
 background:#1a4697;
  color: #fff;
}
#header .rt .nav .nav_first_item:nth-child(5){
  border-top: 8px solid  #ffa60c;
}

#header .rt .nav a:nth-child(5):hover{
 background: #ffa60c;
  color: #fff;
}

#header .rt .nav .nav_first_item:nth-child(6){
  border-top: 8px solid  #189cdb;
}


#header .rt .nav a:nth-child(6):hover{
 background: #189cdb;
  color: #fff;
}

#header .rt .nav .nav_first_item:nth-child(7){
  border-top: 8px solid  #ffc345;
}

#header .rt .nav .nav_first_item:nth-child(7):hover{
 background:#ffc345;
  color: #fff;
}



#header .rt .nav .nav_first_item:nth-child(8){
  border-top: 8px solid  #e93f3f;
}

#header .rt .nav .nav_first_item:nth-child(8):hover{
 background: #e93f3f;
  color: #fff;
}


#header .rt .nav .nav_first_item:nth-child(9){
  border-top: 8px solid  #4669c8;
}


#header .rt .nav a:nth-child(9):hover{
 background: #4669c8;
  color: #fff;
}

.heard_search img{
    vertical-align: middle;
    width: 160px;
}
.heard_search{
  border-top: 8px solid  #4da435;
  display:flex;
  line-height: 72px;
}


.serch_wrap{
   padding: 0px 16px;
}

.serch_wrap img{
  cursor: pointer;
}

.wem_wrap i{
  margin-left: 10px;
  cursor: pointer;
}
.header_data_wrap{
  padding-left: 1.7rem;
}
.header_data_wrap p{
  font-size: 14px;
  color: #072c62;
}


.header_data_wrap{
  line-height: 1;
  padding-top: 10px;
}
.header_data_wrap .data{
  padding-top: 6px;
}
.header_data_wrap .data strong{
  font-size: 24px;
  color: #f45475;
  vertical-align: middle;
  display: inline-block;
}

.header_data_wrap .data .percent{
  margin-top: 4px;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #f45475;
  vertical-align: top;
}


.header_wem_wrap{
   cursor: pointer;
   padding-left: 20px;
   position: relative;
}
.header_wem_wrap .erweima_icon{
  color: #19488d;
  font-size: 20px;
}

.header_wem_wrap .jiantou_icon{
  color: #19488d;
  font-size: 14px;
  margin-left: 10px;
}

.header_wem_wrap .img{
    position: absolute;
    top: 82px;
    left: -40px;
    display: none;
    z-index: 999;

}

.header_wem_wrap:hover .img{ 
  display: block;
}

.header_wem_wrap:hover .erweima_icon,
.header_wem_wrap:hover .jiantou_icon{
  color: #40a026;
}

.heard_search{
  padding-right: 40px;
  height: 80px;
  box-sizing: border-box;
}

#show_search_input{
  cursor: pointer;
}
#show_search_input:hover i{
 color: #40a026;
}
#show_search_input i{
    font-size: 20px;
}




.second_nav{
  width: 130%;
  position: absolute;
  top: 72px;
  z-index: 200;
  display: none;
  padding-top: 10px;
}

.nav_first_item:nth-child(2) .second_nav a{
  display: block;
  background: #35b0bd;
  color: #fff;
  line-height: 50px;
  border-bottom:1px solid rgba(255,255,255,.2)
}

.nav_first_item:nth-child(7) .second_nav a,
.nav_first_item:nth-child(8) .second_nav a,
.nav_first_item:nth-child(9) .second_nav a
{
   border-bottom:1px solid rgba(255,255,255,.2)
}


.nav_first_item:nth-child(2) .second_nav a:hover{
   background: #5dc0ca;
}


.nav_first_item:nth-child(7) .second_nav a{
  display: block;
  background: #ffc345;
  color: #fff;
  background: : #35b0bd;
  line-height: 50px;
}


.nav_first_item:nth-child(7) .second_nav a:hover{
   background: #f6ca6c
}


.nav_first_item:nth-child(8) .second_nav a{
  display: block;
  background: #e93f3f;
  color: #fff;
  background: : #35b0bd;
  line-height: 50px;
}


.nav_first_item:nth-child(8) .second_nav a:hover{
   background: #f08080;
}

.nav_first_item:nth-child(9) .second_nav a{
  display: block;
  color: #fff;
   background: #4669c8;
  line-height: 50px;
}

.nav_first_item:nth-child(9) .second_nav a:hover{
   background: #6780c2;
}



.second_nav ul{
  border-radius: 4px ;
  overflow: hidden;
}

.header_search_input i{
  font-size: 20px;
}

.header_search_input{
  height: 100%;
  display: none;
  white-space: nowrap;
  align-items: center;
  margin-right: 40px;
}
.header_search_input input{
  margin: 0 20px;
  width: 800px;
  background: none;
  border:none;
  font-size: 16px;
  height: 40px;
}


@media screen and (max-width:1500px) {
   .header_data_wrap{
     display: none;
   }
}



.wap_header,.wap_ham_second,#close{
  display: none;
}
@media screen and (max-width:768px) {
  #header{
    display: none;
  }
  body,html{
    font-size: 12px;
  }
  .wap_ham_second{
    display: none;
    position: fixed;
    height: 100%;
    height: calc(100% - 4rem);
    width: 100%;
    box-sizing: border-box;
    top: 4rem;
    z-index: 900;
    left: 0;
    overflow: scroll;
    background:#072c62;
  }
 
  .wap_header{
    display: flex;
    position: relative;
    justify-content: space-between;
    align-content: center;
    height: 4rem;
    line-height: 4rem;
    padding: 0 1.6rem;
    background: #fff;
  }
  .wap_logo img{
    width: 12rem;
    vertical-align: middle;
  }

  .banner_index .swiper-pagination-bullet{
    width: 15px;
  }
  .wap_ham_second>ul{
    padding-top: 1rem;
    font-size: 1.25rem;
  }
  .wap_ham_second>ul>li{
     padding: 0 1.6rem;
     line-height: 3.75rem;
     color: #fff;
     border-bottom: 1px solid #395681;
  }
  .wap_ham_second>ul>li a{
    color: #fff;
  }
  .wap_ham_second .drop_down_li{
    display: flex;
    flex-wrap: wrap;

    justify-content: space-between;
  }

  .wap_ham_second .drop_down_li .second_warp{
    width: 100%;
    display: none;
  }
  .wap_ham_second .drop_down_li .second_warp a{
    color: rgba(255,255,255,.8);
    font-size: 1rem;
  }
  .wap_ham_second .drop_down_li .second_warp li{
    line-height: 3.2rem;
    height: 3.2rem;
    border-bottom: 1px solid #395681;
  }
  .wap_ham_second .drop_down_li .second_warp li:last-of-type{
     border-bottom: none;
     padding-bottom: 10px;
  }
   .drop_down_event i{transition:  all .5s;}

}